<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description"
        content="小米官网直营小米公司旗下所有产品，包括小米手机系列小米11 、小米10 Pro、小米MIX Alpha，Redmi 红米系列Redmi Note 9、Redmi K30，小米电视、笔记本、米家智能家居等，同时提供小米客户服务及售后支持。">
    <meta name="keywords" content="小米,redmi,小米11,Redmi Note 9,小米MIX Alpha,小米商城" />
    <title>小米商城 - 小米11、Redmi Note 9、小米MIX Alpha，小米电视官方网站</title>
    <link rel="stylesheet" href="./index.css">
    <link rel="shortcut icon" href="./image/favicon.png" type="image/x-icon">
    <script src="./index.js"></script>
    <script src="./jquery-3.6.0.min.js"></script>
</head>

<body>
    <div class="fixedSide">
        <span class="iconfont">&#xe616;
            <div class="topContent fixedSideCommon">
                <div><img src="./image/mi.png" alt=""></div>
                <p>扫码领取新<br>人百元礼包</p>
                <span id="trangle"></span>
                <span id="side"></span>
            </div>
        </span>
        <span class="iconfont">&#xe619;
            <div class="fixedSideCommon siderCommon">个人中心
                <span id="trangle"></span>
                <span id="side"></span>
            </div>
        </span>
        <span class="iconfont">&#xe61a;
            <div class="fixedSideCommon siderCommon">售后服务
                <span id="trangle"></span>
                <span id="side"></span>
            </div>
        </span>
        <span class="iconfont">&#xea0e;
            <div class="fixedSideCommon siderCommon">人工客服
                <span id="trangle"></span>
                <span id="side"></span>
            </div>
        </span>
        <span class="iconfont">&#xe63d;
            <div class="fixedSideCommon siderCommon">购物车（0）
                <span id="trangle"></span>
                <span id="side"></span>
            </div>
        </span>
        <span class="iconfont" id="goBack">&#xe736;
            <div class="fixedSideCommon siderCommon" id="GoBackTop">回顶部
                <span id="trangle"></span>
                <span id="side"></span>
            </div>
        </span>
    </div>
    <header class="bannerComon" id="headBack">
        <div class="headBanner">
            <ul class="headBannerLeft">
                <li><a href="">小米商城</a></li>
                <span>|</span>
                <li><a href="">MIUI</a></li>
                <span>|</span>
                <li><a href="">IoT</a></li>
                <span>|</span>
                <li><a href="">云服务</a></li>
                <span>|</span>
                <li><a href="">天星数科</a></li>
                <span>|</span>
                <li><a href="">有品</a></li>
                <span>|</span>
                <li><a href="">小爱开放平台</a></li>
                <span>|</span>
                <li><a href="">企业团购</a></li>
                <span>|</span>
                <li><a href="">资质证照</a></li>
                <span>|</span>
                <li><a href="">协议规则</a></li>
                <span>|</span>
                <li><a href="">下载App</a></li>
                <span>|</span>
                <li><a href="">智能生活</a></li>
            </ul>
            <div class="headBannerRight">
                <div><a href="">登录</a></div>
                <span>|</span>
                <div><a href="">注册</a></div>
                <span>|</span>
                <div><a href="">消息通知</a></div>
                <div id="shopCar">
                    <a href=""><span style="margin-right:4px;">3</span>购物车<span style="margin-left:4px;">(0)</span></a>
                    <div class="shopCarTip">购物车中还没有商品，赶紧选购吧！</div>
                </div>
            </div>
        </div>
    </header>
    <div class="bannerComon">
        <div class="shopBox">
            <h1 class="logo"><a href=""><img width="100%" height="100%"
                        src="https://s02.mifile.cn/assets/static/image/logo-mi2.png" alt=""></a></h1>
            <ul class="shopName">
                <li><a href="">Xiaomi手机</a></li>
                <li><a href="">Redmi手机</a></li>
                <li><a href="">电视</a></li>
                <li><a href="">笔记本</a></li>
                <li><a href="">平板</a></li>
                <li><a href="">家电</a></li>
                <li><a href="">路由器</a></li>
                <li><a href="">服务中心</a></li>
                <li><a href="">社区</a></li>
            </ul>
            <div class="inputBox">
                <input type="text" name="" id="input" placeholder="电视">
                <span class="iconfont" id="blurSpan">&#xeafe;</span>
            </div>
            <div id="navBanner">
            </div>
        </div>
    </div>
    <div class="bannerComon">
        <div class="homeHeroBanner">
        </div>
    </div>
    <div class="bannerComon tags">
        <div class="sixTags">
            <a href="" class="tagIcon">
                <span class="iconfont">&#xe74f;</span>
                <p class="tagName">小米秒杀</p>
            </a>
            <a href="" class="tagIcon">
                <span class="iconfont">&#xe614;</span>
                <p class="tagName">企业团购</p>
            </a>
            <a href="" class="tagIcon">
                <span class="iconfont">&#xe617;</span>
                <p class="tagName">F码通道</p>
            </a>
            <a href="" class="tagIcon">
                <span class="iconfont">&#xe6ca;</span>
                <p class="tagName">米粉卡</p>
            </a>
            <a href="" class="tagIcon">
                <span class="iconfont">&#xe63f;</span>
                <p class="tagName">以旧换新</p>
            </a>
            <a href="" class="tagIcon">
                <span class="iconfont">&#xe61b;</span>
                <p class="tagName">话费充值</p>
            </a>
        </div>
        <a href="" class="RedmiBanner"><img src="	https://i1.mifile.cn/a4/xmad_1564584687704_fIYFd.jpg" alt=""></a>
        <a href="" class="RedmiBanner"><img src="	https://i1.mifile.cn/a4/xmad_15632000838536_bfVMh.jpg" alt=""></a>
        <a href="" class="RedmiBanner"><img src="https://i1.mifile.cn/a4/xmad_15604776623629_bRHhl.jpg" alt=""></a>
    </div>
    <div class="shopArearBanner">
        <div class="bannerComon">
            <div class="K5OBox"><img src="./image/K5O.webp" alt=""></div>
            <div class="shopIphonebanner">
                <div class="shopIponeTop">
                    <h4 class="shopIponeTopL">手机</h4>
                    <a class="shopIponeTopR">
                        <h5>查看更多</h5>
                        <span class="iconfont">&#xe777;</span>
                    </a>
                </div>
                <div class="shopIphoneBottom">
                    <div class="shopIphoneBottomL"><img
                            src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/fef86f3a976842446ec7c3f315cf253f.jpg?thumb=1&w=234&h=614&f=webp&q=90"
                            alt=""></div>
                    <div class="shopIphoneBottomTB">
                        <div class="iphones">
                            <div class="iphonesImg"><img src="./image/shopsimg.webp" alt=""></div>
                            <h6 class="iphonesName">Xiaomi MIX Fold 2</h6>
                            <p class="iphonesDes">超轻薄折叠机身设计，小米自研微水滴形态转轴</p>
                            <span class="iphonesPrice">8999元起</span>
                        </div>
                        <div class="iphones">
                            <div class="iphonesImg"><img src="./image/shopsimg.webp" alt=""></div>
                            <h6 class="iphonesName">Xiaomi MIX Fold 2</h6>
                            <p class="iphonesDes">超轻薄折叠机身设计，小米自研微水滴形态转轴</p>
                            <span class="iphonesPrice">8999元起</span>
                        </div>
                    </div>
                    <div class="shopIphoneBottomTB">
                        <div class="iphones">
                            <div class="iphonesImg"><img src="./image/shopsimg.webp" alt=""></div>
                            <h6 class="iphonesName">Xiaomi MIX Fold 2</h6>
                            <p class="iphonesDes">超轻薄折叠机身设计，小米自研微水滴形态转轴</p>
                            <span class="iphonesPrice">8999元起</span>
                        </div>
                        <div class="iphones">
                            <div class="iphonesImg"><img src="./image/shopsimg.webp" alt=""></div>
                            <h6 class="iphonesName">Xiaomi MIX Fold 2</h6>
                            <p class="iphonesDes">超轻薄折叠机身设计，小米自研微水滴形态转轴</p>
                            <span class="iphonesPrice">8999元起</span>
                        </div>
                    </div>
                    <div class="shopIphoneBottomTB">
                        <div class="iphones">
                            <div class="iphonesImg"><img src="./image/shopsimg.webp" alt=""></div>
                            <h6 class="iphonesName">Xiaomi MIX Fold 2</h6>
                            <p class="iphonesDes">超轻薄折叠机身设计，小米自研微水滴形态转轴</p>
                            <span class="iphonesPrice">8999元起</span>
                        </div>
                        <div class="iphones">
                            <div class="iphonesImg"><img src="./image/shopsimg.webp" alt=""></div>
                            <h6 class="iphonesName">Xiaomi MIX Fold 2</h6>
                            <p class="iphonesDes">超轻薄折叠机身设计，小米自研微水滴形态转轴</p>
                            <span class="iphonesPrice">8999元起</span>
                        </div>
                    </div>
                    <div class="shopIphoneBottomTB">
                        <div class="iphones">
                            <div class="iphonesImg"><img src="./image/shopsimg.webp" alt=""></div>
                            <h6 class="iphonesName">Xiaomi MIX Fold 2</h6>
                            <p class="iphonesDes">超轻薄折叠机身设计，小米自研微水滴形态转轴</p>
                            <span class="iphonesPrice">8999元起</span>
                        </div>
                        <div class="iphones">
                            <div class="iphonesImg"><img src="./image/shopsimg.webp" alt=""></div>
                            <h6 class="iphonesName">Xiaomi MIX Fold 2</h6>
                            <p class="iphonesDes">超轻薄折叠机身设计，小米自研微水滴形态转轴</p>
                            <span class="iphonesPrice">8999元起</span>
                        </div>
                    </div>
                </div>
            </div>
            <div style="width: 100%;height: 400px; background-color: aquamarine;margin: 40px 0px;"></div>
        </div>
    </div>
    <footer class="bannerComon">
        <div class="footerTop">
            <div class="footerTopBox">
                <span class="iconfont">&#xe61a;</span>
                <p class="footerContent">预约维修服务</p>
            </div>
            <div class="footerTopBox">
                <span class="iconfont">&#xe67d;</span>
                <p class="footerContent">7天无理由退货</p>
            </div>
            <div class="footerTopBox">
                <span class="iconfont">&#xe63a;</span>
                <p class="footerContent">15天免费换货</p>
            </div>
            <div class="footerTopBox">
                <span class="iconfont">&#xe614;</span>
                <p class="footerContent">满69元包邮</p>
            </div>
            <div class="footerTopBox" style="border-right: none;">
                <span class="iconfont">&#xe818;</span>
                <p class="footerContent">1100余家售后网点</p>
            </div>
        </div>
        <div class="footerEnd">
            <div class="footerEndUl">
                <h6 class="footEndUlTitle">选购指南</h6>
                <a href="" class="footerEndUls">手机</a>
                <a href="" class="footerEndUls">电视</a>
                <a href="" class="footerEndUls">笔记本</a>
                <a href="" class="footerEndUls">平板</a>
                <a href="" class="footerEndUls">穿戴</a>
                <a href="" class="footerEndUls">耳机</a>
                <a href="" class="footerEndUls">家电</a>
                <a href="" class="footerEndUls">路由器</a>
                <a href="" class="footerEndUls">音箱</a>
                <a href="" class="footerEndUls">配件</a>
            </div>
            <div class="footerEndUl">
                <h6 class="footEndUlTitle">服务中心</h6>
                <a href="" class="footerEndUls">申请售后</a>
                <a href="" class="footerEndUls">售后政策</a>
                <a href="" class="footerEndUls">维修服务价格</a>
                <a href="" class="footerEndUls">订单查询</a>
                <a href="" class="footerEndUls">以旧换新</a>
                <a href="" class="footerEndUls">保障服务</a>
                <a href="" class="footerEndUls">防伪查询</a>
                <a href="" class="footerEndUls">F码通道</a>
            </div>
            <div class="footerEndUl">
                <h6 class="footEndUlTitle">线下门店</h6>
                <a href="" class="footerEndUls">小米之家</a>
                <a href="" class="footerEndUls">服务网点</a>
                <a href="" class="footerEndUls">授权体验店/专区</a>
            </div>
            <div class="footerEndUl">
                <h6 class="footEndUlTitle">关于小米</h6>
                <a href="" class="footerEndUls">了解小米</a>
                <a href="" class="footerEndUls">加入小米</a>
                <a href="" class="footerEndUls">投资者关系</a>
                <a href="" class="footerEndUls">环境，社会及管治</a>
                <a href="" class="footerEndUls">廉洁举报</a>
            </div>
            <div class="footerEndUl">
                <h6 class="footEndUlTitle">关注我们</h6>
                <a href="" class="footerEndUls">新浪微博</a>
                <a href="" class="footerEndUls">官方微信</a>
                <a href="" class="footerEndUls">联系我们</a>
                <a href="" class="footerEndUls">公益基金会</a>
            </div>
            <div class="footerEndR">
                <h4>400-100-5678</h4>
                <p>8:00-18:00 (仅收市话费)</p>
                <button><span class="iconfont">&#xe8a6;</span> 人工客服</button>
            </div>
        </div>
    </footer>
    <div style="width: 100%;background-color: #fafafa;">
        <div class="endBanner bannerComon">
            <div class="endBannerTop">
                <div class="endImg">
                    <img src="./image/favicon.png" alt="">
                </div>
                <div class="endBannerTopR">
                    <div class="endBannerTopRT">
                        <span><a href="">小米商城</a></span><span>|</span>
                        <span><a href="">MIUI</a></span><span>|</span>
                        <span><a href="">米家</a></span><span>|</span>
                        <span><a href="">米聊</a></span><span>|</span>
                        <span><a href="">多看</a></span><span>|</span>
                        <span><a href="">多看</a></span><span>|</span>
                        <span><a href="">游戏</a></span><span>|</span>
                        <span><a href="">政企服务</a></span><span>|</span>
                        <span><a href="">小米天猫店</a></span><span>|</span>
                        <span><a href="">小米集团隐私政策</a></span><span>|</span>
                        <span><a href="">小米公司儿童信息保护规则</a></span><span>|</span>
                        <span><a href="">小米商城隐私政策</a></span><span>|</span>
                        <span><a href="">小米商城用户协议</a></span><span>|</span>
                        <span><a href="">问题反馈</a></span><span>|</span>
                        <span><a href="">Select Location 北京互联网法院法律服务工作站</a></span><span>|</span>
                        <span><a href="">北京市消费者协会</a></span><span>|</span>
                        <span><a href="">中国消费者协会</a></span>
                    </div>
                    <div class="endBannerTopRB">
                        <a href="">© mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2020]0276-042号
                            （京）网械平台备字（2018）第00005号 互联网药品信息服务资格证 (京)-非经营性-2014-0090 营业执照 医疗器械质量公告
                            增值电信业务许可证 网络食品经营备案 京食药网食备202010048 食品经营许可证
                            违法和不良信息举报电话：171-5104-4404 知识产权侵权投诉 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</a>
                    </div>
                    <div class="endImgs">
                        <a href=""><img src="./image/end1.png" alt=""></a>
                        <a href=""><img src="./image/end2.png" alt=""></a>
                        <a href=""><img src="./image/end3.png" alt=""></a>
                        <a href=""><img src="./image/end4.png" alt=""></a>
                        <a href=""><img src="./image/end5.png" alt=""></a>
                    </div>
                </div>
            </div>
            <h3 class="endBannerBottom">让全球每个人都能享受科技带来的美好生活</h3>
        </div>
    </div>
</body>

</html>